.user{ 
	width: 100%;
	display: flex;
	flex-direction: row;
	.noData{
		background-color: #fff;
		padding: 100px 0;
		display: flex;
		flex-direction: row;
		justify-content: center;
		.noDataCon{
			width: 74px;
			img{
				display: block;
				width: 100%;
			}
			span{
				display: block;
				color: #bfbfbf;
				text-align: center;
				font-size: 15px;
				line-height: 24px;
			}
		}
	}
	table{
		width: 100%;
		tr{
			th{
				background-color: #fafafa;
				text-align: center;
				padding:15px 10px;
				color: #252525;
				font-size: 14px;
				height: 20px;
				line-height: 20px;
				position: relative;
				font-weight: normal;
			}
			th:not(:last-child):after{
				content: "";
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				margin: auto;
				width: 1px;
				height: 20px;
				background-color: #ebebeb;
			}
			td{
				background-color: #fff;
				text-align: center;
				padding:10px;
				border-top: 2px solid #f0f2f5;
				color: #595959;
				font-size: 13px;
				height: 30px;
				line-height: 30px; 
			}
		}
		tr:hover td{
			background-color: #fafafa;
		}
	}
	.userLeft{
		width: 145px;
		display: flex;
		flex-direction: column; 
		align-items: center;
		.userLeftCon{
			padding-top: 25px;
			ul{
				li{
					cursor: pointer;
					margin-bottom: 10px;
					span{
						display: block;
						padding: 0 20px;
						height: 35px;
						line-height: 35px;
						font-size: 14px;
						color: #545456;
						border-right: 2px solid transparent;
					}
				}
				.u_Le_Li_ac{
					span{
						color: #ff8040;
						border-color: #ff8040;
					}
				}
			}
		}
	}
	.userRight{
		overflow-y: auto;
		.userRightCon{
			padding: 25px 25px 25px 0;  
			.u_Info{
				>ul{
					>li{
						display: flex;
						flex-direction: row;
						justify-content: space-between;
						background-color: #fff;
						padding:15px;
						border-bottom: 2px solid #f0f2f5;
						.u_Info_Le{
							display: flex;
							flex-direction: row;
							dt{
								width: 100px;
								color: #595959;
								font-size: 14px;
								height: 20px;
								line-height: 20px;
							}
							dd{ 
								color: #595959;
								font-size: 14px;
								height: 20px;
								line-height: 20px;
							}
						}
						.u_Info_Ri{
							display: flex;
							flex-direction: row;
							li{
								margin-left: 10px;
								cursor: pointer;
								span{
									display: block; 
									color: #deab8a;
									font-size: 14px;
									height: 20px;
									line-height: 20px;
								}
							}
						}
					}
				}
			}
			.daibi_Info{
				
			}
			.chargeList{
				.beizhu{
					span{
						display: inline-block;
						color: #deab8a;
						font-size: 14px;
						height: 20px;
						line-height: 20px;
						transition: .4s;
						cursor: pointer;
					}
				}
				.beizhu span:hover{
					opacity: .6;
				}
				table{
					margin-top: 20px;
					.charge_status{
						color: #389e0d;
						font-size: 12px;
						height: 20px;
						line-height: 20px;
						border: 1px solid #b7eb8f;
						background-color: #f6ffed;
						display: inline-block;
						padding: 0 6px;
					}
					.chargeBtnBox{
						display: flex;
						flex-direction: row;
						align-items: center;
						justify-content: center;
						.chargeDelete{
							color: #d71345;
							font-size: 14px;
							height: 28px;
							line-height: 28px;
							border: 1px solid #d71345; 
							display: inline-block;
							padding: 0 15px;
							margin-left: 6px; 
							cursor: pointer; 
						}
						.ver_chargeBtn{
							color: #389e0d;
							font-size: 14px;
							height: 28px;
							line-height: 28px;
							border: 1px solid #b7eb8f; 
							background-color: #f6ffed;
							display: inline-block;
							padding: 0 15px;
							cursor: pointer;
						}
					}
					
				}
			}
			.drawList{
				
			}
		}
	}
}